<script setup>
import { provide, ref } from 'vue';
import FatherComp from './components/FatherComp.vue';
const money = ref(10000)

provide('money', money)

const spanMoney = (value) => {
  money.value -= value
}

provide('spanMoney', spanMoney)
</script>

<template>
  <div class="app-page" style="border: 10px solid #ccc; padding: 50px; width: 600px">
    app 组件--爷爷的钱包：{{ money }}
    <FatherComp />
  </div>
</template>

<style scoped></style>